<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1, user-scalable=no">
    <title>找回密码</title>
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/style.css">
</head>
<body class="body_bg">
<header class="bg_none">
    <div class="center">
        <a href="index.html"><img src="images/logos.png" alt="logo" class="fl"></a>
        <h1 class="fl">找回密码</h1>
        <div class="clearfix"></div>
    </div>
</header>
<div class="middle_login">
    <div class="container">
        <div class="max">
            <div class="middle">
                <div class="middle_left fl">
                    <h4 class="">找回密码</h4>
                    <form action="" class="register">
                        <div class="tel compad">
                            <span class="asterisk">*</span>
                            <label for="tel">手机号</label>
                            <input type="tel" id="tel" class="tel" placeholder="请输入11位手机号">
                        </div>
                        <div class="password compad">
                            <span class="asterisk">*</span>
                            <label for="password">登录密码</label>
                            <input type="password" id="password" class="password" placeholder="请输入8-12位数字和字母">
                        </div>
                        <div class="confirm_password compad">
                            <span class="asterisk">*</span>
                            <label for="confirm_password">确认密码</label>
                            <input type="password" id="confirm_password" class="confirm_password" placeholder="请确认密码">
                        </div>
                        <div class="proving compad">
                            <span class="asterisk">*</span>
                            <label for="proving">验证码</label>
                            <input type="text" id="proving" class="proving" placeholder="请输入验证码">
                            <span id="proving_img"><img src="images/proving.jpeg" alt="验证码"><a>换一张</a></span>
                        </div>
                        <div class="message compad">
                            <span class="asterisk">*</span>
                            <label for="message">短信验证码</label>
                            <input type="text" id="message" class="message" placeholder="请输入短信验证码">
                            <input type="button" value="获取手机验证码">
                        </div>
                        <div class="protocol">
                            <input type="checkbox" id="protocol" class="protocol">
                            <label for="protocol">我已阅读并同意金浔网</label>
                            <span><a id="protocol_btn">《使用协议》</a>及<a id="privacy_btn">《隐私条款》</a></span>
                        </div>
                        <div class="submit">
                            <input type="submit" id="submit"  value="注    册">
                        </div>
                    </form>
                </div>
                <div class="middle_right fr">
                    <h4>请按要求填写信息找回您的密码</h4>
                </div>
                <div class="clearfix"></div>
            </div>
        </div>
    </div>
</div>
<script src="js/jquery-1.9.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/myjs.js"></script>
</body>
</html>